<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection" />
    <meta content="emai=no" name="format-detection" />
    <link rel="stylesheet" type="text/css" href="/willbe/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/willbe/css/common.css" />
    <link rel="stylesheet" type="text/css" href="/willbe/css/test.css" />
    <script src="/willbe/js/zepto-1.1.6.js" type="text/javascript"></script>
    <script src="/willbe/js/fastclick.js" type="text/javascript"></script>
    <script src="/willbe/js/common.js" type="text/javascript"></script>
    <script src="/willbe/js/swiper.min.js"></script>
    <script src="/willbe/js/test.js"></script>
    <title>您的孩子是谁的后裔？</title>
</head>
<body>
    <form id="form-test" action="/activity/result">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide swiper-no-swiping">
                    <input type="hidden" id="gender" name="gender" value="0" />
                    <header class="sp">请选择孩子的性别。</header>
                    <ul class="question q-gender clear">
                        <li data-onhover="active" data-item="gender" data-value="1">
                            <span></span>
                            <img src="/willbe/img/d_boy.png" class="boy"/>
                            		男宝宝
                        </li>
                        <li data-onhover="active" data-item="gender" data-value="2">
                            <span></span>
                            <img src="/willbe/img/d_girl.png" class="girl"/>
                            	女宝宝
                        </li>
                        <li data-onhover="active" data-item="gender" data-value="3">
                            <span></span>
                            <img src="/willbe/img/d_unknown.png" class="unknown"/>
                            	还不知道
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide swiper-no-swiping">
                    <input type="hidden" id="q1" name="q1" value="0" />
                    <header class="flex-wrapper flex-align-center">
                        <p>
                            <img class="i-question" src="/willbe/img/i_question.png" />
                        </p>
                        <p class="flex-1">
                            	早晨，你打开手袋，东翻西找的，你找什么？
                        </p>
                    </header>
                    <ul class="question q-normal">
                        <li data-onhover="active" data-item="q1" data-value="1">
                            <span></span>面纸
                        </li>
                        <li data-onhover="active" data-item="q1" data-value="2">
                            <span></span>化妆品
                        </li>
                        <li data-onhover="active" data-item="q1" data-value="3">
                            <span></span>镜子
                        </li>
                        <li data-onhover="active" data-item="q1" data-value="4">
                            <span></span>钱包
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide swiper-no-swiping">
                    <input type="hidden" id="q2" name="q2" value="0" />
                    <header class="flex-wrapper flex-align-center">
                        <p>
                            <img class="i-question" src="/willbe/img/i_question.png" />
                        </p>
                        <p class="flex-1">
                            有一天在路上，你遇到失去联络的旧情人，你们相约到附近的咖啡厅去坐坐，除了聊聊目前的生活之外，难免谈起以前的时光，这时候，你最怕旧情人提起什么？
                        </p>
                    </header>
                    <ul class="question q-normal">
                        <li data-onhover="active" data-item="q2" data-value="1">
                            <span></span>两人刚认识时的甜蜜回忆
                        </li>
                        <li data-onhover="active" data-item="q2" data-value="2">
                            <span></span>分手时的感觉
                        </li>
                        <li data-onhover="active" data-item="q2" data-value="3">
                            <span></span>当初介入你们的第三者
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide swiper-no-swiping">
                    <input type="hidden" id="q3" name="q3" value="0" />
                    <header class="flex-wrapper flex-align-center">
                        <p>
                            <img class="i-question" src="/willbe/img/i_question.png" />
                        </p>
                        <p class="flex-1">
                            如果你可以化为天空的一隅，希望自己成为什么呢？
                        </p>
                    </header>
                    <ul class="question q-normal">
                        <li data-onhover="active" data-item="q3" data-value="1">
                            <span></span>太阳
                        </li>
                        <li data-onhover="active" data-item="q3" data-value="2">
                            <span></span>月亮
                        </li>
                        <li data-onhover="active" data-item="q3" data-value="3">
                            <span></span>星星
                        </li>
                        <li data-onhover="active" data-item="q3" data-value="4">
                            <span></span>云
                        </li>
                    </ul>
                </div>

                <div class="swiper-slide swiper-no-swiping">
                    <input type="hidden" id="q4" name="q4" value="0" />
                    <header class="flex-wrapper flex-align-center">
                        <p>
                            <img class="i-question" src="/willbe/img/i_question.png" />
                        </p>
                        <p class="flex-1">
                            你会为名利权位，刻意讨好上司或朋友吗？
                        </p>
                    </header>
                    <ul class="question q-normal">
                        <li data-onhover="active" data-item="q4" data-value="1">
                            <span></span>会
                        </li>
                        <li data-onhover="active" data-item="q4" data-value="2">
                            <span></span>不会
                        </li>
                        <li data-onhover="active" data-item="q4" data-value="3">
                            <span></span>不确定
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide swiper-no-swiping">
                    <input type="hidden" id="q5" name="q5" value="0" />
                    <header class="flex-wrapper flex-align-center">
                        <p>
                            <img class="i-question" src="/willbe/img/i_question.png" />
                        </p>
                        <p class="flex-1">
                            若有块地是养老用的房子，你会盖在哪？
                        </p>
                    </header>
                    <ul class="question q-normal">
                        <li data-onhover="active" data-item="q5" data-value="1">
                            <span></span>靠近海边
                        </li>
                        <li data-onhover="active" data-item="q5" data-value="2">
                            <span></span>靠近河边
                        </li>
                        <li data-onhover="active" data-item="q5" data-value="3">
                            <span></span>深山内
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
